body{
}
.test{
    background:
    url("lib/rabbit.png") no-repeat 500px, 500px ,
    url("lib/landscape.png") no-repeat;

    width: 800px;
    height: 400px;
}


/*
.test2{
    overflow: auto;
    width: 500px;
    height:400px;
}


.test2 div{
    background: url("lib/landscape.png") no-repeat;
    background-attachment: fixed;
    background-position: 0 600px;
    width: 1200px;
    height: 1200px;
}
*/

h2{
    background: url("lib/landscape.png") no-repeat;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}


.testPos{
    width: 100px;
    height: 20px;
    margin: 20px;
    border: 20px solid gray;
    padding: 20px;

    background: url("lib/landscape.png") no-repeat;
    background-position: center;
    background-origin: content-box;

    border-image: url("lib/landscape.png") 30 30 round;

}

